﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>补贴发放</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-work.css">


</head>
<body class="childrenBody">
<div class="xmfp_body">
    <a href="javascript:;" class="out_btn">
        <span> < </span> 广州市总工会《2018年学历教育补贴》
    </a>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="item_nav_list_danger">
            <a href="javascript:;" class="item_a active">职工发放情况</a>
            <a href="javascript:;" class="item_a">各地情况</a>
            <button class=" btn btn-danger">批量发放</button>
        </div>
    </div>
    <div class="col-sm-12">
        <p style="    background-color: #fff;padding: 10px;text-align: right;">统计数据存在一段时间缓存，点击右侧“刷新”获取最新统计数据。<a href="javascript:;" style="color: #0a67fb">刷新</a></p>
        <div class="kc_list_success">
            <div class="kc_item">
                <p>
                    符合资格职工

                    <span class="iconfont icon-tishi"
                          data-toggle="tooltip" data-placement="right" title="1、已入网:企业工会主席已激活。2、待转化:职工已经注册或已经申请补贴，但工会主席未入网。"></span>
                </p>
                <strong>35584</strong>
            </div>
            <div class="kc_item">
                <p>已发放职工数</p>
                <strong>35584</strong>
            </div>
            <div class="kc_item">
                <p>未发放职工数</p>
                <strong>35584</strong>
            </div>
        </div>
    </div>
    <div class="col-sm-12">
        <div class="search_input">
            <div class="col-xs-12 text-right">
                <div class="input-group" style="max-width: 400px;float: right">
                    <input type="text" class="form-control" placeholder="请输入工会名称">
                    <span class="input-group-addon fix-border fix-padding"></span>
                    <input type="text" class="form-control" placeholder="请输入职工姓名">
                    <span class="input-group-btn">
                      <button class="btn btn-danger" type="button">搜索</button>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-12">
        <div class="ssgl_list " style="margin-bottom: 15px;">
            <ul class="nav nav-primary " >
                <li class="active"><a href="javascript:;">待审核、带重审<span class="label-danger">13</span></a></li>
                <li><a href="javascript:;">驳回 <span class="label-danger">4</span></a></li>
                <li><a href="javascript:;">拒绝 </a></li>
                <li><a href="javascript:;">全部 </a></li>
            </ul>
        </div>
    </div>
</div>


<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>


<script>
    $(function(){
        $('[data-toggle="tooltip"]').tooltip();

        $('.item_nav_list_danger').on('click','a',function () {
            $(this).addClass('active').siblings().removeClass('active') ;

            $(this).parent().next().find('.item_item_body').eq($(this).index()).show().siblings().hide() ;
        })

        $('.nav').on('click', 'li', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })

    });

</script>
</body>
</html>